<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>easylife</title>
	
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
	<link media="all" href="/easylife/Public/Home/css/frozen.css?v=201501248042" rel="stylesheet">
	<!-- <link media="all" href="/easylife/Public/Home/css/ratchet.css?v=201501248042" rel="stylesheet"> -->
	
<link rel="stylesheet" type="text/css" href="/easylife/Public/Home/css/parallax.css?v=201501248042">
<link rel="stylesheet" type="text/css" href="/easylife/Public/Home/css/parallax-animation.css?v=201501248042">
<style type="text/css">
body{
		overflow-y:hidden;
		overflow-x:hidden
	}

.page{
background-repeat: no-repeat;
background-size:80% 80%;

}
	section[data-id="1"] {
    /* 加载背景图 */
/*background-image: url(/easylife/Public/Home/img/share/pic_1.png);*/

/* 设置背景颜色，背景图加载过程中会显示背景色 */
	/*background-color: #464646;*/
	/*height:  !important;*/
	background:rgba(0,0,0,0.2);
	/*z-index: 20 !important;*/
	}
	section[data-id="2"] {
		/*background-image: url(/easylife/Public/Home/img/share/pic_2.png);*/
	    /*background-color: #40d47e;*/
	background:rgba(150,150,150,0.2);
	/*z-index: 20 !important;*/
	}
	section[data-id="3"] {
		/*background-image: url(/easylife/Public/Home/img/share/pic_3.png);*/
	    /*background-color: #ff8c81;*/
	background:rgba(250,250,250,0.2);
	/*z-index: 20 !important;*/
	}

#btn{
	position: absolute;
	bottom: 0;
	left: 50% !important;
	transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
	width: 40%;
	border-radius: 30px;
}
#btn:before{
	border: none;
}
#btn a{
	color: white;
}
#text{
	font-size: 40px;
	color: red;
	width: 100px;
	margin: 200px auto;
}
</style>

</head>
<body>

<div class="wrapper">
    <div class="pages" >

        <!-- 第一屏 -->
     
        <section  class="page" data-id="1">

        <div id="text">hello</div>	
		<span class="parallax-arrow"></span>
        </section>

        <!-- 第二屏 -->
        <section class="page" data-id="2">

        <div id="text">world</div>
        <span class="parallax-arrow"></span>
        </section>

        <!-- 第三屏 -->
        <section class="page" data-id="3">
      <!--   <button id="btn" class="ui-btn-lg ui-btn-primary">立即使用</button>
 -->
 		<div id="text">嘻嘻</div>
        </section>

    </div>
      <button id="btn" class="ui-btn-lg ui-btn-primary">立即使用</button>
</div>

<script src="/easylife/Public/Home/js/zepto.min.js"></script>
<script src="/easylife/Public/Home/js/frozen.js"></script>

	<script src="/easylife/Public/Home/js/parallax.js"></script>
	<script>
	  $('.pages').parallax();
	  $("#btn").on("click",function(){
	  	window.location.href = "<?php echo ($href); ?>";
	  })
	</script>

</body>
</html>